
<script type="text/javascript">
/**
  * Basic jQuery Validation Form Demo Code
  * Copyright Sam Deering 2012
  * Licence: http://www.jquery4u.com/license/
  */
(function($,W,D)
{
    var JQUERYV = {};

    JQUERYV.UTIL =
    {
        setupFormValidation: function()
        {
            //form validation rules
            $("#register-form").validate({
                rules: {
                    firstName: "required",
                    lastName: "required",
                    email: {
                        required: true,
                        email: true,
                        remote:{
                            url:BASE_URL+"/member/check_email",
                            type:"post",
                            data:{
                                email:function(){
                                    return $('#register-form input[name="email"]').val();
                                }
                            }
                        }
                    },
                    password: {
                        required: true,
                        minlength: 5
                    },
                    repassword:{
                        equalTo:"#password",
                    },
                    username: {
                        required:true,
                        minlength:5,
                        remote:{
                            url:BASE_URL+"/member/check_user_name",
                            type:"post",
                            data:{
                                username:function(){
                                    return $('#register-form input[name="username"]').val();
                                }
                            }
                        }
                    }
                },
                messages: {
                    firstName:"<?php echo __("Họ và tên đệm không thể để trống") ?>",
                    lastName: "<?php echo __("Tên không thể để trống") ?>",
                    password: {
                        required: "<?php echo __("Mật khẩu không thể để trống") ?>",
                        minlength: "<?php echo __("Mật khẩu phải nhiều hơn 5 ký tự ") ?>"
                    },
                    repassword:"<?php echo __("Xác nhận mật khẩu  không đúng ") ?>",
                    email: {
                        required:"<?php echo __("Email không thể để trống ") ?>",
                        email:"<?php echo __("Nhập đúng định dạng email ") ?>",
                        remote:"<?php echo __("Email đã tồn tại ") ?>"
                    },
                    username: {
                        required:"<?php echo __("Tài khoản không thể để trống") ?>",
                        minlength:"<?php echo __("Tài khoản phải nhiều hơn 5 ký tự ") ?>",
                        remote:"<?php echo __("Tài khoản đã tồn tại ") ?>"
                    }
                },
                showErrors : function(errorMap, errorList) {
						this.defaultShowErrors();
						var self = this;
						$.each(errorList, function() {
							var $input = $(this.element);
							var $label = $input.parent().find('label.error').hide();
							$label.addClass('red');
							$label.css('width', '');
							$input.trigger('labeled');
							$label.fadeIn();
						});
				},
                submitHandler: function(form) {
                    $.ajax({
            			type: "POST",
            			url: BASE_URL+"/member/exeRegister",
                        data:$('#register-form').serialize(),
            			success: function(response)
            			{
            			     var getData=$.parseJSON(response);
                             if(getData.check==0){
                                show_msg(getData.message,"error");
                             }else{
                                $("#register-form").slideUp('slow', function() {
            					    $(".login_msg").show('fast');
            						$(".login_msg").html("<p class='alert info'><span class='icon'></span><?php echo __(" Chúc Mừng ! Đã ký tài khoản thành công , Bạn cần kiểm tra email của bạn để kích hoạt tài khoản !");?></p>");                                    
            					}); 
                             }
                             return false;
            			}
       		            });
                       
                       return false;
                }
            });
            
            $("#register-form").validate({
                onkeyup: false //turn off auto validate whilst typing
            });
        }
    }

    //when the dom has loaded setup form validation rules
    $(D).ready(function($) {
        JQUERYV.UTIL.setupFormValidation();
    });

})(jQuery, window, document);
$(document).ready(function(){
alert($('#email').attr('rule'));
});
</script>

<div class="top">
			<div class="gradient"></div>
			<div class="white"></div>
			<div class="shadow"></div>
		</div>
		<div class="content">
			<h1><?php echo __("Đăng ký");?></h1>
			<div class="background"></div>
			<div class="wrapper w700" style="top: 170px;">
				<div class="box">
					<div class="header grey">
						<img src="<?php echo THEME_PATH.$userCurrentTheme?>img/icons/packs/fugue/16x16/user--plus.png" width="16" height="16">
						<h3><?php echo __("Đăng ký")?> </h3>
					</div>
					<form method="get" action="#" id="register-form">
						<div class="content no-padding">
							<div class="section _100">
								<label for="firstName">
									<?php echo __("Họ tên đêm")?>  
								</label>

								<div>
									<input name="firstName" rule="required"  type="text">
                                    <span></span>
						</div>
                                
							</div>
                            <div class="section _100">
								<label for="lastName">
									<?php echo __("Tên")?>  
								</label>
								<div>
									<input name="lastName"  type="text"/>
								</div>
							</div>
							 <div class="section _100">
								<label for="username">
									<?php echo __("Tài khoản")?>  
								</label>
								<div>
									<input name="username" type="text"  placeholder="Tài khoản ">
								</div>
							</div>
                            <div class="section _100">
								<label for="password">
									<?php echo __("Mật khẩu")?>  
								</label>
								<div>
									<input type="password" id="password" name="password" placeholder="Mật khẩu"/>
								</div>
							</div>
                            <div class="section _100">
								<label for="repassword">
									<?php echo __("Nhập lại mật khẩu")?> 
								</label>
								<div>
									<input type="password" name="repassword"  placeholder="Nhập lại mật khẩu">
								</div>
							</div>
                            <div class="section _100">
								<label for="email">
									<?php echo __("Email")?>  
								</label>
								<div>

									<input name="email" id="email" rule='<?php echo json_encode(array('reqired'=>1,'email'=>1,'remote'=>array('url'=>'xxx','message'=>'yyy')));?>'  type="text" placeholder="abcd@gmail.com"/>

								</div>
                                
							</div>
						</div>
						<div class="actions">
							<div class="actions-left">
                                <input style="margin-left:5px;" class="float_left"  type="reset" value="<?php echo __("Làm lại")?>"/>
                            </div>
							<div class="actions-right">
								 <input class="float_left" type="submit" value="<?php echo __("Đăng ký")?>"/> 
							</div>
						</div>
                        
                        
					</form>
                    <div class="login_msg content no-padding with-actions grey " style="padding: 0 20px; color:red;">
                        <?php //echo __("Đăng nhập");?> 
                        </div>
				</div>
				<div class="shadow"></div>
                <div class="h100"></div>
			</div>
		</div>
		
		